<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./less/index.css">
    <title>Document</title>
</head>

<body>
    <section class="part-1">
        <!-- 搜索模块 -->
        <div class="search-content cleafix">
            <a class="search-l"></a>
            <div class="search-input">
                <form action="#">
                    <input type="search" name="" id="" placeholder="辅导员助理">
                </form>
            </div>
            <a class="search-r"></a>
        </div>
        <!-- 头部模块 -->
        <header class="hearder">勤工助学智能服务平台</header>
        <!-- nav模块 -->
        <section class="nav">
            <a href="#">
                <i class="icon-1"></i>
                <span>发布岗位</span>
            </a>
            <a href="#">
                <i class="icon-2"></i>
                <span>用户反馈</span>
            </a>
            <a href="#">
                <i class="icon-3"></i>
                <span>技术面试</span>
            </a>
            <a href="#">
                <i class="icon-4"></i>
                <span>岗位列表</span>
            </a>
            <a href="#">
                <i class="icon-5"></i>
                <span>面试技巧</span>
            </a>
            <a href="#">
                <i class="icon-6"></i>
                <span>薪资查询</span>
            </a>
        </section>
        <!-- go模块 -->
        <section class="go"><img src="./images/go.png" alt="#"></section>
    </section>
    <!-- 推送岗位模块 -->
    <section class="part-2">
        <!-- 头部 -->
        <div class="hd">
            <p>
                <img src="./icons/i2.png" alt=""> 岗位推送
            </p>
            <a>更多>></a>
        </div>
        <!-- 岗位推荐 -->
        <div class="post">
            <a class="post-l">
                <img src="../勤工助学智能服务平台样例/images/pic1.png" alt="">
                <p style="font-size: .48rem;">辅导员助理</p>
                <p style="font-size: .373333rem;">负责表格处理，文件处理</p>
                <p style="color: #FF4400; font-size: .666667rem;">300元每周</p>
                <p style="font-size: .426667rem;">限招4人</p>
                <button>立刻申请</button>
                <i style="color: #FF4400;">已有3人报名</i>
            </a>
            <a class="post-l">
                <img src="../勤工助学智能服务平台样例/images/pic2.png" alt="">
                <p style="font-size: .48rem;">辅导员助理</p>
                <p style="font-size: .373333rem;">负责表格处理，文件处理</p>
                <p style="color: #FF4400; font-size: .666667rem;">300元每周</p>
                <p style="font-size: .426667rem;">限招4人</p>
                <button>立刻申请</button>
                <i style="color: #FF4400;">已有3人报名</i>
            </a>
            <a class="post-l">
                <img src="../勤工助学智能服务平台样例/images/pic1.png" alt="">
                <p style="font-size: .48rem;">辅导员助理</p>
                <p style="font-size: .373333rem;">负责表格处理，文件处理</p>
                <p style="color: #FF4400; font-size: .666667rem;">300元每周</p>
                <p style="font-size: .426667rem;">限招4人</p>
                <button>立刻申请</button>
                <i style="color: #FF4400;">已有3人报名</i>
            </a>
            <a class="post-l">
                <img src="../勤工助学智能服务平台样例/images/pic2.png" alt="">
                <p style="font-size: .48rem;">辅导员助理</p>
                <p style="font-size: .373333rem;">负责表格处理，文件处理</p>
                <p style="color: #FF4400; font-size: .666667rem;">300元每周</p>
                <p style="font-size: .426667rem;">限招4人</p>
                <button>立刻申请</button>
                <i style="color: #FF4400;">已有3人报名</i>
            </a>
            <a class="post-l">
                <img src="../勤工助学智能服务平台样例/images/pic1.png" alt="">
                <p style="font-size: .48rem;">辅导员助理</p>
                <p style="font-size: .373333rem;">负责表格处理，文件处理</p>
                <p style="color: #FF4400; font-size: .666667rem;">300元每周</p>
                <p style="font-size: .426667rem;">限招4人</p>
                <button>立刻申请</button>
                <i style="color: #FF4400;">已有3人报名</i>
            </a>
            <a class="post-l">
                <img src="../勤工助学智能服务平台样例/images/pic2.png" alt="">
                <p style="font-size: .48rem;">辅导员助理</p>
                <p style="font-size: .373333rem;">负责表格处理，文件处理</p>
                <p style="color: #FF4400; font-size: .666667rem;">300元每周</p>
                <p style="font-size: .426667rem;">限招4人</p>
                <button>立刻申请</button>
                <i style="color: #FF4400;">已有3人报名</i>
            </a>
            <a class="post-l">
                <img src="../勤工助学智能服务平台样例/images/pic1.png" alt="">
                <p style="font-size: .48rem;">辅导员助理</p>
                <p style="font-size: .373333rem;">负责表格处理，文件处理</p>
                <p style="color: #FF4400; font-size: .666667rem;">300元每周</p>
                <p style="font-size: .426667rem;">限招4人</p>
                <button>立刻申请</button>
                <i style="color: #FF4400;">已有3人报名</i>
            </a>
            <a class="post-l">
                <img src="../勤工助学智能服务平台样例/images/pic2.png" alt="">
                <p style="font-size: .48rem;">辅导员助理</p>
                <p style="font-size: .373333rem;">负责表格处理，文件处理</p>
                <p style="color: #FF4400; font-size: .666667rem;">300元每周</p>
                <p style="font-size: .426667rem;">限招4人</p>
                <button>立刻申请</button>
                <i style="color: #FF4400;">已有3人报名</i>
            </a>


        </div>
        <!-- footer模块 -->
    </section>
    <section class="footer">
        <footer class="footer">
            <a href="JavaScript:;" class="item">
                <img src="./icons/home.png" alt="" />
                <p>首页</p>
            </a>
            <a href="JavaScript:;" class="item">
                <img src="./icons/ms.png" alt="" />
                <p>历史</p>
            </a>
            <a href="JavaScript:;" class="item">
                <img src="./icons/user.png" alt="" />
                <p>我的首页</p>
            </a>
        </footer>
    </section>
    <script src="./js/flexible.js"></script>
</body>

</html>